<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>错题回顾</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type="text/javascript" src="js/fontSize.js"></script>
	<script type="text/javascript" src="js/zepto.min.js"></script>
	<script type="text/javascript" src="js/config.js"></script>
	<script type="text/javascript" src="js/vue.js"></script>
	<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_474420_fqs8538gu8skbj4i.css">
	<style type="text/css">
	body{background: #eeeeee;}
	.errorul{padding-top: .3rem;}
	.errorList{width:6.9rem;margin:0 auto;background: #fff;border-radius: .2rem;box-sizing: border-box;padding: 0 .32rem .2rem .32rem;margin-bottom: .2rem;}
	.error_title{font-size: .32rem;color: #333333;position: relative;padding: .18rem 0;line-height: .4rem;overflow: hidden;}
	.error_index li{font-size: .3rem;color: #666666;line-height: .44rem;margin-bottom: .15rem;}
	.error_index{margin-top: .2rem;}	 
	.error_index span{color: #666666;font-size: .26rem;float: right;}
	.icon-cuowu{color: #fb597b;font-size: .33rem;margin-left: .1rem;} 
	.icon-yes{color: #03932f;font-size: .33rem;margin-left: .1rem;} 
	.error_title>span{font-size: .32rem;color: #333333;float: left;width: .4rem;}
	.error_title div{font-size: .32rem;color: #333333;float: left;width: 5.8rem;}
	.error_title div span{font-size: .28rem;color: #fb597b;margin-left: 0.05rem;}
	</style>
</head>
<body>
	<div id="app">
	<ul class="errorul">
		<li class="errorList" v-for="(item,index) in mistakes">
			<div class="error_title borderBottom">
				<span>{{item.idx}}.</span>
				<div>{{item.content}}<span v-if="item.o_id==-1">(未选择)</span></div>
			</div>
			<ul class="error_index">
				<li v-for="value in item.options">
					{{value.idx}}、{{value.content}}
					<i class="iconfont icon-cuowu" v-if="item.o_id==value.id&&item.right_oid!=value.id"></i>
					<i class="iconfont icon-yes" v-if="item.right_oid==value.id"></i>
					<span v-if="item.o_id==value.id">（我的选择）</span>
				</li>
			<!-- 	<li>B、山东菜系</li>
				<li>C、广东菜系</li>
				<li>D、淮扬菜系</li> -->
			</ul>
		</li>
		<!-- <li class="errorList">
			<div class="error_title borderBottom">
				<span>6.</span>
				<div>大煮干丝”是哪个菜系的代表菜之一？“大煮干丝”是哪个菜系的代表菜之一？</div>
			</div>
			<ul class="error_index">
				<li>A、四川菜系<i class="iconfont icon-cuowu"></i><span>（我的选择）</span></li>
				<li>B、山东菜系<i class="iconfont icon-yes"></i></li>
				<li>C、广东菜系</li>
				<li>D、淮扬菜系</li>
			</ul>
		</li>
		<li class="errorList">
			<div class="error_title borderBottom">
				<span>6.</span>
				<div>大煮干丝”是哪个菜系的代表菜之一？“大煮干丝”是哪个菜系的代表菜之一？</div>
			</div>
			<ul class="error_index">
				<li>A、四川菜系<i class="iconfont icon-cuowu"></i><span>（我的选择）</span></li>
				<li>B、山东菜系<i class="iconfont icon-yes"></i></li>
				<li>C、广东菜系</li>
				<li>D、淮扬菜系</li>
			</ul>
		</li> -->
	</ul>
	</div>
	<script type="text/javascript">
		var app = new Vue({
			el: '#app',
			data: {
			    unionid:GetQueryString("unionid"),
			    id:GetQueryString("id"),
			    mistakes:[]
			},
			mounted(){
			   hideMenu();
			   this.getDetail();

			},
			methods: {
				getDetail:function(){
					var that=this;
					ajaxFun("POST","/guess/sub_questions/mistake",{
	                       qid:this.id,
	                       unionid:this.unionid

	                    },function(data){
	                    	if(data.code==1){
                              that.mistakes=data.mistakes;
	                    	}else{

	                    	}
	                     
                    }); 
				}
			}
		})
	</script>
</body>
</html>